body{
    margin: 0;
    padding: 0;
    font-size: 13px;
}
.navbar.navbar-default.navbar-fixed-top img.img-responsive {
    margin-top: -38px;
}
.navbar .back{
    line-height: 50px;
    font-size: 13px;
    text-decoration: none;
}
#home{
    background: url("../img/home-bg.jpg");
    background-size: cover;
    text-align: center;
    margin-top: 51px;
    color: white;
}
#home .filter,#me .filter{
    width: 100%;
    height: 100%;
    background: rgba(89, 82, 107, 0.4);
    padding: 60px 0;
}
#home p{
    line-height: 30px;
    font-size: 14px;
}
#home img{
    margin-top: 20px;
}
#bbs{
    text-align: center;
    padding: 50px 0;
}
#bbs a{
    text-decoration: none;
}
#bbs .col-md-4{
    padding: 15px 0;
}
#bbs .col-md-4:hover{
    background-color: #efefef;
    box-shadow: 1px 1px 5px;
}
#bbs img{
    margin: 0 auto;
}
#html{
    background: #f8f8f8;
    padding: 100px 0;
}
#html h2,#bootstrap h2,#me h2{
    margin-top: 0;
    margin-bottom: 10px;
}
#html p,#bootstrap p,#me p{
    font-size: 15px;
}
#html i,#bootstrap i{
    background: #00ffff;
    border-radius: 50%;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}
#bootstrap{
    padding: 100px 0;
}
#course{
    background: #f8f8f8;
    padding: 80px 0;
    text-align: center;
}
#course h2{
    margin-top: 0;
    margin-bottom: 40px;
}
#course .col-md-3 .row:last-child{
    padding: 20px 0;
    background: #FFFFFF;
    margin: 0;
}
#course .col-md-3 .col-md-6{
    border: 1px solid #40D2B1;
    padding: 0;
}
#course .col-md-3 .col-md-6 a{
    text-decoration: none;
    color: #40D2B1;
    display: block;
    width: 100%;
    padding: 10px 0;
}
#course .col-md-3 .col-md-6 a:hover{
    background: #40D2B1;
    color: #FFFFFF;
}
#course>.container>.row>.col-md-3{
    margin-bottom: 20px;
}
#app{
    padding: 50px;
}
#app .col-md-3{
    padding-right: 5px;
}
#app a{
    background: #00bbbb;
    color: #FFFFFF;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    display: block;
}
#me .row>.col-md-12{
    margin-bottom: 10px;
}
#me .row>.col-md-6{
    margin-bottom: 10px;
}
#me input{
    height: 30px;
}
#me .filter{
    width: 100%;
    height: 100%;
    background: rgba(7, 7, 14, 0.7);
    padding: 60px 0;
}
#me{
    background: url("../img/contact-bg.png");
    background-size: cover;
}
#me input{
    padding: 20px;
}
#me h2,#me p{
    color: #FFFFFF;
}
#me input[type=button]{
    background: #00bbbb;
    line-height: 3px;
    color: #FFFFFF;
    border: none;
}
#footer{
    padding: 30px;
    text-align: center;
}